import React from 'react'
import {connect} from 'react-redux'
import './App.css';
import About from './page/About';
// import Home from './page/Home'
import Profile from './page/Profile'
class App extends React.Component{

  render(){
    // 这里对state 进行结构
    const { counter } = this.props;
    return (
      <div className="App">
         <header className="App-header">
          <div> App counter:{counter}</div>

          {/* <Home/> */}
          <Profile/>
          <About/>
         </header>
      </div>
      
    )
  }
}

const mapStateToProps = (state)=>({
  counter:state.counter.counter
})

export default connect(mapStateToProps)(App) ;
